var listado = null;

$(document).ready(function() {
	listado = $("#listado");
	$(".busqueda").button().click(function(e) {
		e.preventDefault();
		listar();
	});
	listar();
});

function listar() {
	console.log("listar");
	$(listado).html('<table id="lista"></table><div id="paginador"></div>');
	try {
		var qs = $('#buscarAsiento').serialize();
		$("#lista").jqGrid({
			url : urlBasic + "/controlPanel/asiento/listar",
			datatype : "json",
			postData : qs,
			height : 255,
			width : null,
			shrinkToFit : false,
			colNames : [ 'Numero', 'Tribuna', 'Estadio' ],
			colModel : [ {
				name : 'numero',
				index : 'numero'
			}, {
				name : 'tribuna',
				index : 'tribuna'
			}, {
				name : 'estadio.nombre',
				index : 'estadio'
			} ],
			rowNum : 20,
			rowList : [ 20, 30, 50 ],
			loadonce : true,
			mtype : "POST",
			rownumbers : true,
			gridview : true,
			pager : '#paginador',
			sortname : 'id',
			viewrecords : true,
			sortorder : "asc",
			emptyrecords : "Nothing to display",
			caption : "Lista de Asientos"
		});
		$("#lista").trigger("reloadGrid");
	} catch (e) {
		console.log(e);
	}
	
}
